<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">

    <script src="https://cdn.hterobot.com/vue/public/js/href.js"></script>
    <link href="<%= BASE_URL %>css/in.css" rel="stylesheet">
    <link href="https://cdn.hterobot.com/noipcode/css/bootstrap.min.css" rel="stylesheet" />

    <link rel="icon" href="https://cdn.hterobot.com/vue/public/favicon.ico">
    <title>
        <%= htmlWebpackPlugin.options.title %>
    </title>
</head>
<style>
    #app1 {
        height: 20vh;
        background-color: #5CD5C8;
    }

    #app2 {
        height: 20vh;
        background-color: var(--color-cheng);
    }

    #app3 {
        height: 20vh;
        background-color: var(--color-cheng);

    }

    #app4 {
        height: 20vh;
        background-color: #44E1CC;
    }

    #app5 {
        height: 20vh;
        background-color: green;
    }
</style>

<body>

    <div id="app1"></div>
    <div id="app2"></div>
    <div id="app3"></div>
    <div id="app4"></div>
    <div id="app5"></div>
    <!-- built files will be auto injected -->
</body>

</html>